<section class="intro-section">
    <div>
        <h1 class="intro-heading" data-splitting>{{title}}</h1>
        <div style="display: flex;justify-content: flex-end;">
            <div style="width:40px;border:1px solid #000;margin-bottom: 5px;"></div>
        </div>
        <div style="width:100%;border:1px solid #000;margin-top: 1px;"></div>
    </div>
</section>

<section class="content-section" data-scroll *ngFor="let item of data">
    <figure class="figure"><img [src]="'../../../../assets/images/' + item.img" /></figure>
    <div class="content">
        <header class="header">
            <div class="subheading">{{item.subheading}}</div>
            <h2 class="heading">{{item.heading}}</h2>
        </header>
        <p class="paragraph">
            <span  *ngFor="let contents of item.content">{{contents}}<br/><br/></span>
        </p>
    </div>
</section>